
    .iconfont{
      display:inline-block;
      color:white;
    }
    .row {
      height: 100vh;
      background-color: rgb(32, 47, 67);
      color: rgb(201, 200, 200);
      font-size: 14px;
    }

    .left {
      padding: 7px 4px 7px 15px;
    }

    .right {
      height: 100vh;
      background-color: white;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      box-shadow: 3px 1px 20px 0 black !important;
      overflow:hidden;
    }

    .box {
      padding: 11px 10px 11px 7px;
    }
    .box>.list{
      margin:0 5px;
    }

    .box>.list-1 {
      left: calc(100% + 10px + 0.47em);
      text-align: left;
      box-shadow: -1px 0px 5px 1px rgb(213, 211, 211) !important;
      border-radius: 5px;
      background-color: white;
      padding: 3px 12px;
      display:none;
    }

    .box>.list-1 span {
      font-size: 16px;
      color:black;
    }

    ul {
      list-style: none;
      margin: 0;
      padding: 8px 2px;
      width: 208px;

      /* height:40px; */

    }

    .box>.list-1 li {
      padding: 10px 7px 10px 10px;
      color: rgb(109, 107, 107);
    }

    .arrows {

      left: calc(0% - 0.47em);
      top: 13px;
    }

    .dropstart .dropdown-toggle::before {
      display: inline-block;
      margin-right: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.5em solid transparent;
      border-right: 0.5em solid white;
      border-bottom: 0.5em solid transparent;
    }
    .stavc{
        color:#2F95FF;
    }
